<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="shortcut icon" href="../public/images/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" href="../public/css/common.css" />
	<script type="text/javascript" src="../public/js/jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" href="./css/goods_details.css" />
	<script type="text/javascript" src="./js/goods_details.js"></script>
	<title>商品详情页</title>
</head>
<body>
<!-- 公用头部开始 -->
<!-- 公用头部结束 -->
	<div id="goodsWarp" class="width1100 fixed">
		<div class="conL fl">
			<div class="conLInfo">
				<h2>[属于<span>女装</span>]</h2>
				<ul class="infoList">
					<li>
						<span>所在地：</span>湖北
					</li>
					<li>
						<span>好评率：</span><span class="radio">85</span>%
					</li>
					<li>
						<span>上架时间：</span>2014-4-1
					</li>
				</ul>
				<div class="contact">
					<dl>
						<dt>
							<img src="" alt="商家头像占位" style="width:60px;height:60px;" />
						</dt>
						<dd>
							<p style="margin-bottom:5px">店小二：<span style="color:#229CA0">admin</span></p>
							<a target="_blank" href="http://sighttp.qq.com/authd?IDKEY=3a0b71c18e0b66cdeb7aaaf40763e0b2df31d83c1ef7f28a"><img border="0" src="http://wpa.qq.com/imgd?IDKEY=3a0b71c18e0b66cdeb7aaaf40763e0b2df31d83c1ef7f28a&pic=51" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
						</dd>
					</dl>

					<div class="clear"></div>
				</div>
				<div class="story">
					<p><img src="./images/brand_story.gif" alt="一句话介绍" />香港原创tee品牌teelocker自2007年9月成立就致力於为设计师、艺术工作者提供一个挥发无穷创意的平台，凭藉推崇和尊重设计的理念，滙聚不同地区的设计师在tee的方寸之内将他们对社会文化、时事、家庭、朋友及生活感悟，以图画、平面设计的各种形态表达出来。使这些设计概念最终印制成tee后与众人一同分享。teelocker不简单做tee同时将tee作为一种文化。 </p>
				</div>
			</div>
			<div class="conLCate">
				<h3 class="color5c">商品分类</h3>
				<ul class="cateList">
					<!-- 全部商品就不用循环了 -->
					<li class="cate1f">
						<span>104</span>
						<a href="">全部商品</a>
					</li>

					<!-- <foreach> -->
					<li class="cate1f">
						<span>14</span>
						<a href="">女装</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<!-- </foreach> -->

					<!-- <foreach> -->
					<li class="cate1f">
						<span>14</span>
						<a href="">男装</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<li class="cate2f">
						<span>3</span>
						<a href="">裙子</a>
					</li>
					<!-- </foreach> -->
				</ul>
			</div>
			<div class="conLHot">
				<div class="conLHotNav ed_clear">
					<a href="javascript:" id="ranking1" class="size14 checked">最爱排行</a>
					<a href="javascript:" id="ranking2" class="size14">热销排行</a>
				</div>
				<ul class="conLHotList ed_clear" style="display:block;">
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201307261111225872.png" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201307261111225872.png" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201307261111225872.png" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201307261111225872.png" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201307261111225872.png" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
				</ul>
				<ul class="conLHotList ed_clear" style="display:none;">
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201210301054071008.jpg" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201210301054071008.jpg" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201210301054071008.jpg" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201210301054071008.jpg" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="ed_clear">
							<dt>
								<a href="" target="_blank">
									<img src="./images/wsmall_201210301054071008.jpg" alt="图像占位"/>
								</a>
							</dt>
							<dd>
								<a href="" target="_blank">teelocker 纯棉色彩T恤7...</a>
								<p>￥<span>468.00</span></p>
							</dd>
						</dl>
					</li>
				</ul>
			</div>
		</div>
		<div class="conR fr">
			<div id="shoppingCart">
				<div class="joinCart">
					<ul class="joinInfo">
						<li class="joinInfoMsg weight">宝贝已成功加入到购物车!</li>
						<li class="joinInfoCount size14">
							购物车共有<span class="n_kind weight">2</span>种宝贝，合计<span class="n_kind_amount weight">2019</span>元
						</li>
						<li class="joinInfoPay">
							<a href="javascript:" target="_blank"><img src="./images/pay_now.png" alt="立即付款" /></a>
						</li>
						<p class="closed">
							<img src="./images/close.gif" alt="关闭" />
							<a href="javascript:" style="color:#8A8A8A;">关闭</a>
						</p>
					</ul>
				</div>
			</div>
			<div class="conRTop">
				<div class="clear"></div>
				<div class="conRTop_left">
					<div>
						<img src="./images/big_201307261111225872.png" alt="" />
					</div>
				</div>
				<div class="conRTop_right fr">
					<h2>teelocker 纯棉色彩T恤7件套 超值体验NAA-0000001-171-DY7</h2>
					<p class="rightCommon">
						<span class="priceText" style="letter-spacing:6px">价格：</span>
						<span class="priceNum fl colorju">￥468.00</span>
					</p>
					<p class="rightCommon">
						<span class="priceText">促销价：</span>
						<span class="priceNum fl colorju pmtprice">￥98.00</span>
					</p>
					<p class="rightCommon">
						<span class="priceText" style="letter-spacing:6px">运费：</span>
						<span class="priceText" style="margin-left:10px;">全场免邮</span>
					</p>
					<p class="rightCommon">
						<span class="priceText" style="letter-spacing:6px">评价：</span>
						<span class="priceText" style="margin-left:10px;width:295px;">好评率98.41% | 已有503条评价</span>
					</p>
					<div class="guige">
						<input type="hidden" />
						<dl class="guigeOne">
							<dt style="letter-spacing:6px">尺码：</dt>
							<dd>
								<ul>
									<li>M
										<span style="display:none">
											<img src="./images/duigou_new.gif"/>
										</span>
									</li>
									<li>L
										<span style="display:none">
											<img src="./images/duigou_new.gif"/>
										</span>
									</li>
								</ul>
							</dd>
						</dl>
					</div>
					<div class="guige">
						<input type="hidden" />
						<dl class="guigeOne">
							<dt>颜色分类：</dt>
							<dd>
								<ul>
									<li>男装7件套（B款）
										<span style="display:none">
											<img src="./images/duigou_new.gif"/>
										</span>
									</li>
									<li>女装7件套（B款）
										<span style="display:none">
											<img src="./images/duigou_new.gif"/>
										</span>
									</li>
								</ul>
							</dd>
						</dl>
					</div>
					<div class="guige">
						<input type="hidden" />
						<dl class="guigeOne">
							<dt>购买数量：</dt>
							<dd style="margin-top:15px;">
								<span class="jianBtn"> <!-- 数量减按钮 -->
									<a href="javascript:">-</a>
								</span>
								<input type="text" id="quantity" value="0" class="numIpt"/>
								<span class="jiaBtn">	<!-- 数量加按钮 -->
									<a href="javascript:">+</a>
								</span>
								<span class="kucun">库存
									<span class="kucunNum">10</span>件
								</span>
							</dd>
						</dl>
					</div>
					<div class="clear"></div>
					<div class="rightBtn">
						<a href="javascript:" class="size18 ct butBtn">加入购物车</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="navSp">
				<ul>
					<li class="selected">
						<a href="javascript:">产品详情</a>
					</li>
					<li>
						<a href="javascript:">买家评价</a>
					</li>
				</ul>
			</div>
			<div class="goodsArea" style="display:block">
				<div class="spxq"></div>
				<ul class="detPic ct"></ul>
				<!-- 商品介绍 -->
				<div class="default">
					<img src="./images/T2bCZBXfhaXXXXXXXX_!!713323855.jpg" alt="" />
				</div>
			</div>
			<div class="goodsArea" style="display:none">
				<div class="spxq"></div>
				<ul class="detPic ct"></ul>
				<!-- 买家评价 -->
				<div class="default">
					<!-- <foreach> -->
					<div class="commentList">
						<div class="commentListFirst">
							<p>被分光了,给好评。质量都很好。不过颜色比想象中的沉一点，总体还是不错了~,给好评。质量都很好。不过颜色比想象中的沉一点，总体还是不错了~给好评。质量都很好。不过颜色比想象中的沉一点，总体还是不错了~给好评。质量都很好。不过颜色比想象中的沉一点，总体还是不错了~</p>
						</div>
						<div class="commentListInfo">
							<span>[2014-04-01 17:57]</span>
							<a href="" target="_blank">用户名</a>
						</div>
					</div>
					<!-- </foreach> -->
					<div class="commentList">
						<div class="commentListFirst">
							<p>被分光了</p>
						</div>
						<div class="commentListInfo">
							<span>[2014-04-01 17:57]</span>
							<a href="" target="_blank">用户名</a>
						</div>
					</div>
					<div class="commentList">
						<div class="commentListFirst">
							<p>被分光了</p>
						</div>
						<div class="commentListInfo">
							<span>[2014-04-01 17:57]</span>
							<a href="" target="_blank">用户名</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 公用页脚开始 -->
	
	<!-- 公有页脚结束 -->
</body>
</html>